<style scoped lang="less">
  .config-container {
    min-height: 60vh;
  }

  .tenant-config-items-container {
    width: 100%;
  }
</style>
<template>
  <Card class="config-container">
    <Tabs v-if="tabs!=null&&tabs.length>0" v-model="select">
      <TabPane v-for="tab in tabs" :label="tab.name" :name="tab.value">
        <div class="tenant-config-items-container">
          <CustomerService v-if="tab.value===tab_customer_service"></CustomerService>
          <SiteTabbar v-if="tab.value===tab_tabbar"></SiteTabbar>
        </div>
      </TabPane>
    </Tabs>
  </Card>
</template>
<script>
  import CustomerService from '../../components/site-config/customer-service';
  import SiteTabbar from '../../components/site-config/site-tabber';

  const TAB_CUSTOMER_SERVICE = 0;
  const TAB_TABBAR = 1;
  export default {
    name: 'tenant-config',
    components: {
      CustomerService,
      SiteTabbar
    },
    data() {
      return {
        select: TAB_CUSTOMER_SERVICE,
        tab_customer_service: TAB_CUSTOMER_SERVICE,
        tab_tabbar: TAB_TABBAR,
        tabs: [{name: '客服配置', value: TAB_CUSTOMER_SERVICE}, {name: '菜单配置', value: TAB_TABBAR}],

      };
    },
    created() {
    },
    methods: {}
  }
</script>